.content {
	position: absolute;
	top: 37%;
	left: 20%;
	font-size: 0.38rem;
	color: #fff;
	font-weight: 300;
}

.content .name {
	margin-bottom: 0.46rem;
}

.content input {
	font-size: 0.28rem;
	color: #fff;
	width: 2.6rem;
	padding: 0 0.2rem;
	height: 0.5rem;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
}

.content button {
	font-size: 0.3rem;
	margin-top: 0.36rem;
	margin-left: 0.25rem;
	width: 4rem;
	height: 0.65rem;
	line-height: 0.65rem;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
}

.box {
	width: 3rem;
	height: 0.5rem;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
}

.female {
	width: 1.48rem;
}

#femaleShow {
	height: 0.48rem;
	border: 1px solid #fff;
	background: #fff;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#maleShow {
	height: 0.48rem;
	border: 1px solid #fff;
	background: #fff;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.male {
	width: 1.48rem;
}

.box img {
	width: 0.4rem;
	height: 0.4rem;
	margin-top: 0.05rem;
	margin-left: 0.5rem;
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
	div #femaleShow {
		width: 1.47rem;
		height: 0.47rem;
	}
	div #maleShow {
		width: 1.47rem;
		height: 0.47rem;
	}
}

@media only screen and (min-width: 359px) and (max-width: 362px) {
	div #femaleShow {
		width: 1.475rem;
	}
	div #maleShow {
		width: 1.475rem;
	}
}